#html{
	overflow-x: hidden;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

#content{
	overflow-x: hidden;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

#page {
	z-index: 1;
	opacity: 1;
	background-color: white;
	margin-top: -75px;
	
	-webkit-transform: translate(0px, 0px);
	-webkit-transition-duration: .5s;
	-webkit-backface-visibility: hidden;
	
	-moz-transform: translate(0px, 0px);
	-moz-transition-duration: .5s;
	-moz-backface-visibility: hidden;
	
	-o-transform: translate(0px, 0px);
	-o-transition-duration: .5s;
}

#fadeOut{
	
	opacity: 1;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

#slideGrip{
	
	position: fixed;
	top:150px;
	bottom: 0px;
	width: 40px;
	z-index: 3;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

div.menuBarLeft {
    margin-top: 0px;
    width:85%;
    height:auto;
    float:left;
}

img#menuButton{
    width:64px;
    
    -webkit-transform: rotateZ(0deg);
	-webkit-transition-duration: .5s;
	-webkit-backface-visibility: hidden;
	
	-moz-transform: rotateZ(0deg);
	-moz-transition-duration: .5s;
	-moz-backface-visibility: hidden;
	
	-o-transform: rotateZ(0deg);
	-o-transition-duration: .5s;
}

div.menuBarCenter {
    margin-top: 0px;
    width:70%;
    height:auto;
    float:right;
    text-align:center;
}

img#liveVid {
    width:100%;
    margin-left:-18%;
}

div.menuBarRight {
    margin-top: 0px;
    width:15%;
    height:auto;
    float:right;
    text-align:right;
}

img#shareButton{
    width:64px;
}

div.mainMenu {
	top:0px;
	position: fixed;
    width:220px;
    height: 100%;
    border:2px solid #babbb9;
    background:#edeeeb;
    display:none;
    z-index: -1;

}

div#scrollAble {
	position: static;
	overflow-y: scroll;
	height:100%;
}

div.navFirstButton {
	text-align:center;
	font-family: Gnuolane;
	border-radius:9px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
	width: 200px;
	height: 46px;
    position:inline;
    margin-top:25px;
    margin-left:9px;
}

div.navButtons {
    text-align:center;
	font-family: Gnuolane;
	border-radius:9px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
	width: 200px;
	height: 46px;
    position:inline;
    margin-top:3px;
    margin-left:9px;
}

div#giving {
	
	margin-bottom:10px;
}

div.subMenu {
	text-align:center;
	left: 222px;
	border:2px solid #babbb9;
    background-color:#edeeeb;
	opacity:.9;
    height:100%;
    width:220px;
    position:fixed;
    display:none;
    z-index:-1;
}

div.subMenuButtons {
	text-align:center;
	opacity:.9;
    height:100%;
    width:220px;
    margin-left:5px;
    position:static;
    display:none;
}

div.subNavFirstButton {
    text-align:center;
	font-family: Gnuolane;
	border-radius:9px;
	width:180px;
	height:33px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
    margin-top:30px;
    margin-left:14px;
}

div.subNavButtons {
    text-align:center;
	font-family: Gnuolane;
	border-radius:9px;
	width:180px;
	height:33px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
    position:inline;
    margin-top:1px;
    margin-left:14px;

}

div.shareSheet {
	text-align:center;
	background-color:#edeeeb;
	border: 2px solid #c6c7c6;
    width:100%;
    height:75px;
    visibility: hidden;
    margin-bottom: 0px;
    top: 0px;
    z-index: -2;
    
    -webkit-transform: translateX(150%);
	-webkit-transition-duration: 1s;
	-webkit-backface-visibility: hidden;
	
	-moz-transform: translateX(150%);
	-moz-transition-duration: 1s;
	-moz-backface-visibility: hidden;
	
	-o-transform: translateX(150%);
	-o-transition-duration: 1s;
}

#mail{
    text-align:center;
	font-family: Gnuolane;
	border-radius:5px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
	width:90px;
	margin-left: 20%;
	font-size: 150%;
}
#vimeo{
    text-align:center;
	font-family: Gnuolane;
	border-radius:5px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
	width:90px;
	margin-left: 20%;
	font-size: 150%;
}

iframe#fb {
	margin-left: 20%;
}

div#twit{
	margin-left: 20%;
}

div#banner {
	margin-top: 10px;
	font-family: Gnuolane;
	border: 1px solid gray;
	border-radius: 10px;
    margin-left:-18%;
    height: 40px;
}

h5#banner {
	margin-top: 8px;
	font-size: 100%;
}

div.footer{
	
	background-color: white;
	height: 50%;
}

div.promo {
	width:93%;
	margin:5px;
}